import FormItem from "antd/es/form/FormItem";
import {Slider} from "antd";
import {SliderProps} from "./dev.tsx";
import {removeSetter} from "../../../utils/removeSetter.ts";

const SliderProd = (props:SliderProps) => {
    const ComponentProps = removeSetter({...props},["children","parentId"])

    return (
        <div >
            <FormItem>
                <FormItem label={props.label} name={props.name} rules={props.rule} style={{margin: "0",...props.styles}}>
                    <Slider {...ComponentProps} style={{height:props.styles?.height}} />
                </FormItem>
            </FormItem>
        </div>
    );
};


export default SliderProd;